国产成人亚洲日韩欧美不卡_嫩草国产成人免费AV_亚洲AV无码重口变态另类_免费精品少妇无码AV软件下载_日本国产成人在线播放

 
技術(shù)博客INFO
聯(lián)系我們CONTACT

公司地址：茂名市人民南路新村大院22號101

電話：13592986386

vue element ui 學(xué)習(xí)日志您當(dāng)前的位置：首頁 > vue element ui 學(xué)習(xí)日志

vue element ui 學(xué)習(xí)日志

發(fā)布時間：2024/9/5 15:30:55

一、什么是mounted方法？

1、生命周期鉤子函數(shù)：Vue的生命周期鉤子函數(shù)是在不同階段執(zhí)行的一系列回調(diào)函數(shù)。mounted方法是其中之一，它在Vue實例被掛載到真實的DOM元素后被調(diào)用。


2、掛載到DOM元素：當(dāng)Vue實例被創(chuàng)建后，通過el屬性指定的DOM元素會被Vue所管理。mounted方法表示Vue實例已經(jīng)成功地與DOM元素進(jìn)行了綁定。

二、mounted方法的執(zhí)行時機(jī)

1、DOM元素渲染完成后：在Vue實例的生命周期中，mounted方法在beforeMount方法之后被調(diào)用。這意味著在mounted方法中可以安全地訪問和操作DOM元素，因為此時DOM已經(jīng)完全渲染。

2、僅觸發(fā)一次：mounted方法只會在Vue實例的初始化過程中觸發(fā)一次。一旦被調(diào)用，便表示Vue實例已經(jīng)被完全加載并掛載到DOM元素上。


‌在PyCharm中復(fù)制過來的Vue.js插件是可以使用的，包括進(jìn)行調(diào)試。‌
 


<template>


<el-row :gutter="20">
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
</el-row>
 

</template>


:gutter="20" 間隔
:span="6" 一行分為24份  該代碼占6份